<template>
  <div
    class="b_title f_r_b_c pv30"
    v-if="isShowDownload()"
    @click="trackDownload($store.state.user.appConst.android_down_url)"
  >
    <div class="f_r_s_c">
      <!-- <span class="icon icon_dt" :style="`background-image('${iconSrc}')`"></span> -->
      <img class="icon" :src="iconSrc" />
      <span class="text ft28">APP下载</span>
    </div>
    <div class="f_r_e_c">
      <span class="ft28 fred">下载</span>
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    iconSrc: {
      type: String,
      default: '/game/static/images/download/download_icon.svg'
    }
  },
  data () {
    return {}
  },
  watch: {},
  computed: {},
  methods: {},
  created () {},
  mounted () {
    this.$nextTick(function () {})
  },
  destroyed () {}
}
</script>
<style lang="scss" scoped>
.pv30 {
  padding: 30px 0;
}
.pv20 {
  padding: 20px 0;
}
.b_title {
  background: white;
  border-bottom: solid 2px #f5f5f5;
}
.icon {
  margin-right: 15px;
  width: 35px;
  height: 35px;
}
.ft28 {
  font-size: 28px;
  color: #333333;
}
.fred {
  color: #eb4c60;
}
</style>
